* { margin: 0px; padding: 0px; }
body {width: 100%;height: 100%; font-family: "Microsoft Yahei",Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #363636; line-height: 1.5em; background: #e6d8bd; }
/* WebKit browsers */

::-webkit-input-placeholder { color: #666; }
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { color: #666; }

li { list-style-type: none; }
h1, h2, h3 { font-size: 14px; font-weight: bold; }
em { font-style: normal; }
img { border: none; }

.clear { clear: both; }
.h_4 { height: 4px; overflow: hidden; }
.lefts { float: left; text-align: left; }
.rights { float: right; text-align: right; }
a.more, a.more:link, a.more:visited, a.more:hover { font-size: 12px; font-weight: normal; color: #666; text-decoration: none; margin: 0; }

a { color: #2161b3; text-decoration: none; }

a:hover { text-decoration: none; color: #ff8400; }

.floatL { float: left; }
.floatR { float: right; }
input { outline: none; }


.login_bg{background: url("../images/login_newyear.png") #fff no-repeat center;background-size:cover; }
.login_wrap { position: absolute; left: 50%; top: 50%; width:420px; margin-top: -260px; margin-left: -210px;  background:rgba(255,255,255,.8); box-shadow:0 0 3px #aaa; padding-bottom:5px;}
.login_box { margin: 40px; /*padding-top: 10px;*/ position: relative; }
.login_box i { position: absolute; top: -78px; left: 130px; width: 78px; height: 78px; display: block; background: url("../images/ico_ren.png") no-repeat center; }
.login_box h2 { font-size: 18px; text-align: center; color: #5f89e2; font-weight: normal; margin-bottom: 20px; }
.login_box ul { border:1px solid #bbb; border-radius:3px;}
.login_box li { display: block; background:none; border-bottom:1px solid #ccc; position: relative; }
.login_box li:first-of-type input[type="text"]{ border-radius:3px 3px 0 0}
.login_box li:last-of-type{border-bottom:none }
.login_box li i { width: 62px; line-height: 50px; display: block; background:none; font-style:normal; position: absolute; top: 0px; left: 8px; color:#2161b3;font-family: "Microsoft Yahei",Arial, Verdana, Helvetica, sans-serif; font-size: 14px;  }
.login_box li input[type="text"], .login_box li input[type="password"] { font-family: "Microsoft Yahei",Arial, Verdana, Helvetica, sans-serif; font-size: 14px; line-height: 50px; height: 50px; width: 100%; border: none; text-indent: 65px; }

.login_box li input[type="text"]:focus, .login_box li input[type="password"]:focus { background:#fff9eb; box-shadow:0 0 3px #a0b9eb}
.login_box .ico_user { background: url("../images/ico_user.png") #fff no-repeat center; }
.login_box .ico_pwd { background: url("../images/ico_pwd.png") #fff no-repeat center; }
/*.login_box .ico_key { background: url("../images/ico_key1.png") #fff no-repeat 5px center; }*/
.login_box img { cursor: pointer; }
input:-webkit-autofill,
input:-webkit-autofill:focus { box-shadow: 0 0 0 1000px #fff inset !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
.login_box dt { float: right; width: 90px; text-align: center; padding: 5px; overflow: hidden; vertical-align: middle; }
.login_box ol { margin-right: 100px; }
 
.login_box .submit_btn { margin-top:15px;display: block; width: 100%; line-height: 50px; height: 50px; text-align: center; border-radius: 3px;  background: url("../images/login_btn.png") repeat-x top; border: none; border: 1px solid #2161b3; color: #fff;  font-size: 18px; font-weight: bold; }
.login_box .submit_btn:hover { background: #2a6bbe; box-shadow:0 0 1px #fff inset }
.login_box .login_tool{ margin-top:15px;}
.login_box .login_tool a{ width:50%; float:left; display:block; height:60px;}
.login_box .login_tool a:last-child{ text-align:right}
.login_box .login_tool a.ico_login{ background: url("../images/ico_mobile.png")no-repeat left center;}
.login_box .login_tool a.ico_gwin{ background: url("../images/ico_gwin.png")no-repeat right center;}
.login_box .login_tool a.ico_aplus{ background: url("../images/ico_aplus.png")no-repeat right center;}

.page_bg { background: url("../images/page_bg.png") #fff repeat-x top center; }
.page_box { position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -365px; width: 770px; background: #fcf9f5; border-radius: 5px; box-shadow: 0px 0px 4px #ae9971; }
.page_box .page_title { display: block; background: #d1b47c; font-size: 18px; color: #fff; text-align: center; height: 44px; line-height: 44px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #cec0a4; font-weight: 500; text-shadow: 1px 1px 0px #ad9360; }

.page_box .page_con ul { padding: 20px 40px; }
.page_box .page_con li { line-height: 15px; margin: 0 0 10px 0; }

.ftcolor_red { color: red; }

.page_btns { margin: 10px; padding: 10px; border-top: 1px solid #ddd; text-align: center; }
.page_btns .submit_btn { display: inline-block; width: 80px; line-height: 32px; height: 32px; text-align: center; border-radius: 5px; background: #d1b47c; border: none; border-bottom: 2px solid #b2965e; color: #fff; text-shadow: 1px 1px 0px #927e57; font-size: 14px; font-weight: bold; margin: 0px 10px; }
.page_btns .submit_btn:hover { background: #c8a767; }

.wel{ display:none}

@media screen and (min-width: 320px) and (max-width: 960px) {
    body { font-size: 1em; }
	.login_bg{/*background:#daf0fd*/ background: url("../images/login_newyear.png")no-repeat top center; background-size:cover}
    .login_wrap { position: absolute; left: 50%; top: 3em; margin-top:0; margin-left: -45%; width: 90%; display:block;background-size: contain; z-index:999}
    .login_box { margin: 20px 30px; padding-top: 15px; position: relative; }
	.login_box h2 {font-size: 16px; margin-bottom:10px;}
    .login_box i { position: absolute; top: -50px; left: 50%; margin-left: -32px; width: 64px; height: 64px; display: block; background: url("../images/ico_ren.png"); background-size: contain }
    .login_box li i { margin: 0; width:5em }
    .login_box li label { font-size: 13px; }
	.login_box li input[type="text"], .login_box li input[type="password"] {text-indent: 65px; }
	.login_box .submit_btn {
		line-height: 46px;
		height: 46px;
	}
.login_box .login_tool{ margin-top:5px}
.login_box .login_tool a.ico_login{ background: url("../images/ico_pc.png")no-repeat left center; background-size:contain}
.login_box .login_tool a.ico_gwin{ background: url("../images/ico_gwin.png")no-repeat right center; background-size:contain}
.login_box .login_tool a.ico_aplus{ background: url("../images/ico_aplus.png")no-repeat right center; background-size:contain}
.wel{ display:block; width:18em; position:absolute; bottom:1em; left:50%; margin-left:-9em;; z-index:99}
.wel img{ width:100%}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	body { font-size: 2.5em; }
	.login_wrap {padding-bottom:20px;}
}

.login_box .login_tips { margin-bottom: 20px; display: flex; justify-content: space-between; }
.login_box .login_tips .left { background: url("../images/aglogin_l.png") no-repeat left center; width: 100px; height: 30px; }
.login_box .login_tips .right { background: url("../images/login_r.png") no-repeat left center; cursor: pointer; width: 60px; height: 30px;}
.login_box .mfa { display: none; }
.login_box .mfa i { width: 85px; }
.login_box li.mfa input { text-indent: 90px; }